<!DOCTYPE html>
<style>
.style1 { font-size: 14px; color: #CC3300; }
.text1 { font-size: 11px; color: #7f0000; }
</style>
<div id="test" class="style1">
<font>
<span class="text1">Some Text1 <span id="noRange" style="font-weight: 400"> <b>Some Text2</b></span><br>Some Text3<br><b id="lastLine">Some Text4</b><br></span>
</font>
</div>
<p id="description">
<div id="console">
</div>
</p>
<script src="../../../resources/js-test.js"></script>
<script>
    jsTestIsAsync = true;
    var selectionComplete = false;
    description('Test that flickering is observed on text selection when culled inline is selected');

    document.onselectionchange = function () {
        shouldBeFalse("window.getSelection().containsNode(document.getElementById('noRange'))");
        if (selectionComplete)
            finishJSTest();
    }

    if (window.testRunner && window.eventSender) {
        var lastLine = document.getElementById('lastLine');

        eventSender.mouseMoveTo(lastLine.offsetLeft + 10, lastLine.offsetTop + lastLine.offsetHeight);
        eventSender.mouseDown();

        // move to the position of culled inline.
        eventSender.mouseMoveTo(lastLine.offsetLeft + 10, lastLine.offsetTop - 1);
        eventSender.mouseUp();
        selectionComplete = true;
    }
</script>
